.boton-area {
            border: 1px solid #4b3c8c;
            background-color: white;
            padding: 10px;
            font-family: Nunito sans !important;
            border-radius: 5px;
            margin-bottom: 15px;
        }

/* Esta clase da estilos a la cabeza del área */

        .item-menu-dir {
            border: 1px solid #4b3c8c;
			display: block;
			padding: 15px;
			border-radius: 10px;

			background-color: #5b1862;
			page-break-inside: avoid;
            margin-bottom: 3px;
            margin-top: 0 !important;
            font-family: Nunito sans !important;
        }
        
        .item-menu-dir a {
            color: white !important;
			font-size: 16px !important;
			font-weight: 900 !important;
        }

        #menuarea-container {
             /* Oculta el menú por defecto con una altura máxima de 0 */
            max-height: 0;
            opacity: 0;
            overflow: hidden; /* Esto es crucial para ocultar el contenido que se desborda cuando la altura es 0 */
            transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
        }

/* Esta clase se añadirá con JavaScript para mostrar el menú */
        #menuarea-container.show-menu {
        /* Muestra el menú con una altura máxima grande y opacidad completa */
        max-height: 1000px; /* Usa un valor lo suficientemente grande para que todo el menú quepa */
        opacity: 1;
        }

        
        .menu-megamenu {
		column-fill: balance;
		column-count: 4;
		column-gap: 25px;
		padding: 0;

		@media (width < 1024px) {
			column-count: 32;
		}

		@media (width < 500px) {
			column-count: 1;
		}

		& a {
			text-decoration: none;
			line-height: 17px;
			display: block;
			font-size: 13px;
			color: white;
			text-transform: none;
			font-weight: 700;
		}

		& .item-menu {
			border: 1px solid purple;
			display: block;
			padding: 10px;
			border-radius: 16px;
			line-height: 16px !important;
			background-color: purple;
			page-break-inside: avoid;
            margin-bottom: 3px;
            font-family: Nunito sans !important;
		}

		& .menu-submenu {
			display: block;
			background-color: #953695;
			padding: 10px;
			border-radius: 16px;
			color: white;
			margin-top: 10px;
		}

		& .item-submenu {
			display: block;
		}

		& .activo {
			color: yellow;
		}
	}